<template>
  <el-table
    :data="tableData"
    border
    style="width: 97.5%;margin:20px;margin-left:20px;">
    <el-table-column align="center" label="序号" width="80">
      <template slot-scope="scope">
        <span v-text="getIndex(scope.$index)"> </span>
      </template>
    </el-table-column>
    <el-table-column align="center" prop="proname" label="项目名称" width="160">
    </el-table-column>
    <el-table-column align="center" prop="proid" label="项目编号" width="160">
    </el-table-column>
    <el-table-column align="center" prop="protime" label="时间" width="160">
    </el-table-column>
    <el-table-column align="center" prop="" label="成本" width="160">
    </el-table-column>
    <el-table-column align="center" prop="" label="资源" width="160">
    </el-table-column>
    <el-table-column align="center" prop="" label="审批情况" width="160">
    </el-table-column>
    <el-table-column align="center" prop="" label="项目状态" width="160">
    </el-table-column>
    <el-table-column align="center" prop="" label="项目内容" width="160">
    </el-table-column>
    <el-table-column align="center" prop="" label="备注" width="180">
    </el-table-column>
    <el-table-column align="center" prop="" label="通过情况">
        <!-- 问题:这个 button 如何放入 表格中去 -->
        <el-button type="success">通过</el-button>
        <el-button type="danger">不通过</el-button>
    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    data() {
      return {
        
      }
    },
    created () {
      
    },
    computed: {
      
    },
    methods: {
      getIndex($index) {
      //表格序号
        return (this.listQuery.pageNum - 1) * this.listQuery.pageRow + $index + 1
      },
    },
  }
</script>
